import React, {Component} from 'react'
import {StyleSheet,View, Image,TextInput, Text} from 'react-native'
import PropTypes from 'prop-types'

export default class ImageAndTextInput extends Component {

    static defaultProps={
        imagePath: require('../imgs/account_bright_icon.png'),
        textText:'我操'
    }

    static propTypes={
        // imagePath: PropTypes.string,
        textText: PropTypes.string,
    }

    render() {

        return (
            <View style={styles.textStyle}>
                <Image source={this.props.imagePath} style={{width: 13, height: 16}}/>
                <TextInput underlineColorAndroid='transparent' style={styles.loginTextStyle}></TextInput>
                <Text>hello {this.props.textText}</Text>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    textStyle: {
        marginLeft: 35,
        marginRight: 35,
        marginTop: 15,
        borderWidth: 0.5,
        borderColor: 'transparent',
        borderBottomColor: '#cccccc'
    },


    loginTextStyle: {
        fontSize:14,
        flex: 1,
        height: 35,
        marginLeft: 15,
        borderColor: 'gray'
    },

})